{% load i18n %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--title>{{ home_page_title }}</title-->

  	 {% block css %}
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
	{% endblock %}
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
   
  <style rel="stylesheet" type="text/css">
  
    .contenido {
	  width:50px;
    }
		
    .estiloTablaListado {
	  font-family: Verdana;
	  font-size: 12px;
    }

    .estiloTd {
	  /*padding: 5px;
	  border-radius: 5px;*/
    }
		
    #wrapper {
	  width: 25px;
	  height: 25px;
	  overflow: hidden; /* will contain if #first is longer than #second */
    }

    .first {
	  width: 65px;
	  float:left; /* add this */
	  color:grey;
	  /* border: 1px solid red;*/
    }

    .second {
	  /* border: 1px solid green; */
	  overflow: hidden; /* if you don't want #second to wrap below #first */
    }
		
    .second2 {
	  /* border: 1px solid green; */
	  overflow: hidden; /* if you don't want #second to wrap below #first */
	  width:80px;
    }
		
    .separador {
	  height:2px;
    }
		
    /*.disponible	{
	  color:teal;
    }*/
		
    .nodisponible {
	  color: grey;
    }
  
  </style>
	
	
	<script type="text/javascript">
	
    $(document).ready(function(){
	
	    $("#tablaListado").addClass("estiloTablaListado");


     $("#tablaListado th").each(function(){
          $(this).addClass("ui-state-default");
     });

     $("#tablaListado td").each(function(){
       $(this).addClass("ui-widget-content");
       $(this).addClass("estiloTd");
	   $(this).addClass("ui-state-default");
	   

     });
  
});
  
 </script>
 	<script type="text/javascript">
 		function agregarEntradaSeleccionada(nro_butaca, nro_fila) {
 			var tbody = document.getElementById("body_tablaEntradas");
 			var filaEntradas = document.createElement("tr");
 			var butaca = document.createElement("td");
 			var textoButaca = document.createTextNode(nro_butaca);
 			var fila = document.createElement("td");
 			var textoFila = document.createTextNode(nro_fila);
 			
 			butaca.appendChild(textoButaca);
 			fila.appendChild(textoFila);
 			filaEntradas.appendChild(butaca)
 			filaEntradas.appendChild(fila)
 			tbody.appendChild(filaEntradas)
 		}
 	</script>
  
</head>		 	
<body>
		<!-- LOGIN --> {% block login %} 
		{% if isAuthenticated or user.is_authenticated %}
			<b>Punto de Venta : {{ puntoVenta }}<b>
			<b>Usuario: {{ user }}<b>
			
		{% endif %}
		{% endblock %}
		<!-- FUNCIONALIDADES  --> {% block funcionalidades %} {% endblock %}
	 	<!-- VENTA ENTRADAS  --> {% block ventas %} {% endblock %}
	 	<!-- PLANIFICACION  --> {% block planificacion %} {% endblock %}
	 	<!-- ABM    {% block abm %} {% endblock %} -->
	 	<!-- PRESENTACIONES  {% block presentaciones %} {% endblock %} -->
	 	<!-- LOCALIDADES  {% block localidades %} {% endblock %} -->
	 	<!-- BUTACA  {% block butaca %} {% endblock %} -->
	 	<!-- TICKET {% block ticket %} {% endblock %} -->
</body>
</html>
